<%--
  Created by IntelliJ IDEA.
  User: liu
  Date: 2022/11/2
  Time: 19:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/head.css">
    <link rel="stylesheet" href="../css/cinema.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="page_movie">
    <!-- 头部导航 -->
    <div class="header">
        <div class="header-inner">
            <div class="nav">
                <!-- logo -->
                <div class="logo">
                    <a href=""><img src="../img/jiejie_logo.png" alt=""></a>
                </div>
                <div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                    <div class="menu-item"><a href="${pageContext.request.contextPath}/orderby">榜单</a></div>
                </div>

                <div class="search-form">
                    <input type="text" class="search-text">
                    <a href=""><span class="search-img"></span></a>

                </div>
                <div class="head-user">
                    <a href="login.html" class="loginBtn">登录</a>
                    <a href="regist.html" class="loginBtn">注册</a>
                </div>
                <div class="user-info">
                    <div class="user-avatar has-login">
                        <img src="${pageContext.request.contextPath}/img/touxiang.png">
                        <ul class="user-menu yes-login-menu">
                            <li class="text"><a href="">我的订单</a></li>
                            <li class="text login-name" ><a href="javascript:void 0">基本信息</a></li>
                            <li class="text"><a href="javascript:void 0" class="J-logout" data-act="logout-click">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 避免下面的块上移 -->
    <div class="header-m"></div>

    <!-- 简介栏 -->
    <div class="banner">
        <div class="wrapper clearfix">
            <!-- 左盒子 -->
            <div class="celeInfo-left">
                <div class="avatar-shadow">
                    <img class="avatar" src="../img/cinema.png">
                </div>
            </div>
            <!-- 右盒子 -->
            <div class="celeInfo-right clearfix">
                <div class="movie-brief-container">
                    <h1 class="name">幸福蓝海国际影城（星韵宝龙广场店）</h1>
                    <ul>
                        <li class="ellipsis"> 虎丘区滨河路377号星韵宝龙广场四层L4-001</li>
                        <li class="ellipsis">电话：0512-69389982</li>
                    </ul>

                    <div class="features-group">
                        <div class="group-title">影院服务———————————————————</div>

                        <div class="feature">
                            <span class="tag ">改签</span>
                            <p class="desc text-ellipsis" >未取票用户放映前60分钟可改签</p>
                        </div>
                        <div class="feature">
                            <span class="tag ">3D眼镜</span>
                            <p class="desc text-ellipsis" >为了您的观影安全，建议您自备或至影城购买独立包装3D眼镜，我们亦免费提供已消毒3D眼镜。</p>
                        </div>
                        <div class="feature">
                            <span class="tag ">儿童优惠</span>
                            <p class="desc text-ellipsis" >1.3米以下儿童普通厅免费无座观影，一名成人限带一名儿童，GOLD CLASS 2厅、激光IMAX 3厅、SPHEREXE 4厅、4DXSCREEN 9厅，儿童均需购票</p>
                        </div>
                        <div class="feature">
                            <span class="tag ">可停车</span>
                            <p class="desc text-ellipsis" >地下停车场、停车楼免费3小时停车，B2层5号梯直达影城；10:00前22:00后进入影城，需将车停在停车楼，从广场1层观光梯直达（优衣库门前）</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 内容 -->
    <div class="movies-panel">
        <div class="movies-sorter">
            <!-- 标题 -->
            <div class="movies-title">
                <h1>正在热映</h1>
            </div>
            <!-- 图片内容 -->
            <div class="movies-list">
                <ul class="movie-list">
                    <li class="poster-item">
                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">
                        <span class="tetle-wrap">小黄人大眼萌</span>
                        <a class="wrap" href="XQing.html">
                            <div class="btn-wrap">
                                <span >查看详情</span>
                            </div>
                        </a>
                        <a class="wrap" href="cinema_movies.html">
                            <div class="btn-wrap">
                                <span >立即购买</span>
                            </div>
                        </a>
                    </li>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>

<%--                    <li class="poster-item">--%>
<%--                        <img class="img-wrap" src="../img/XQing_avatar.jpg" alt="">--%>
<%--                        <span class="tetle-wrap">小黄人大眼萌</span>--%>
<%--                        <a class="wrap" href="XQing.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >查看详情</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                        <a class="wrap" href="cinema_movies.html">--%>
<%--                            <div class="btn-wrap">--%>
<%--                                <span >立即购买</span>--%>
<%--                            </div>--%>
<%--                        </a>--%>
<%--                    </li>--%>
                </ul>
            </div>
        </div>
    </div>
</div>

<script src="../js/cinema.js"></script>
</body>
</html>
